<template>
	<view class="" style="background-color: #f8f8f8;">
		<view class="top-tips">
			此报告有效期为{{days}}天，过期则删除。
		</view>
		<view class="caizs-top-bg">

		</view>
		<view class="main-container">
			<view class="sub-container dis_f aic juc fdc">
				<image src="../../static/images/A.png" mode="aspectFill" class="dengj" v-if="item.xinlevel == 1">
				</image>
				<image src="../../static/images/B.png" mode="aspectFill" class="dengj" v-if="item.xinlevel == 2">
				</image>
				<image src="../../static/images/C.png" mode="aspectFill" class="dengj" v-if="item.xinlevel == 3">
				</image>
				<image src="../../static/images/D.png" mode="aspectFill" class="dengj" v-if="item.xinlevel == 4">
				</image>
				<image src="../../static/images/E.png" mode="aspectFill" class="dengj" v-if="item.xinlevel == 5">
				</image>
				<view class="fs32 mt20">
					生成时间:{{time}}
				</view>
			</view>
			<view class="sub-container">
				<view class="dis_f aic fs32 ml30">
					<text>申请通过概率:</text>
					<text style="color: #fe774c;" v-if="item.xinlevel == 1">87%</text>
					<text style="color: #fe774c;" v-if="item.xinlevel == 2">74%</text>
					<text style="color: #fe774c;" v-if="item.xinlevel == 3">59%</text>
					<text style="color: #fe774c;" v-if="item.xinlevel == 4">36%</text>
					<text style="color: #fe774c;" v-if="item.xinlevel == 5">17%</text>
				</view>
				<image src="../../static/images/rateA.png" mode="aspectFill" class="tipian" v-if="item.xinlevel == 1">
				</image>
				<image src="../../static/images/rateB.png" mode="aspectFill" class="tipian" v-if="item.xinlevel == 2">
				</image>
				<image src="../../static/images/rateC.png" mode="aspectFill" class="tipian" v-if="item.xinlevel == 3">
				</image>
				<image src="../../static/images/rateD.png" mode="aspectFill" class="tipian" v-if="item.xinlevel == 4">
				</image>
				<image src="../../static/images/rateE.png" mode="aspectFill" class="tipian" v-if="item.xinlevel == 5">
				</image>
				<view class="item-analysis">
					小贴士：个人信息状态
					<text v-if="item.xinlevel == 1">优秀</text>
					<text v-if="item.xinlevel == 2">良好</text>
					<text v-if="item.xinlevel == 3">一般</text>
					<text v-if="item.xinlevel == 4">较差</text>
					<text v-if="item.xinlevel == 5">差</text>，建议继续维护。
				</view>
				<view class="fs22 c9 mt20 ml30">
					说明：此等级及申请通过概率仅对此报告有效，根据数据测算所得，仅供参考。
				</view>
			</view>
			<!-- 基本信息 -->
			<view class="sub-container">
				<view class="jibenxx">
					<view class="sub-title-div">
						基本信息
					</view>
				</view>
				<view class="fs30 mt20 ml30" v-for="(arr,index) in  item.basic" :key="index">
					{{arr.key}} : {{arr.value}}
				</view>
				<view class="item-analysis">
					小贴士：根据基本信息，将全方位客观检测您的基本行为风险和不良信息。
				</view>
				<view class="base-analysis">
					建议：申请人使用实名号码可提高申请通过概率。所在居住地稳定也有利于申请。
				</view>
			</view>
			<!-- 报告综述 -->
			<view class="sub-container">
				<view class="jibenxx">
					<view class="sub-title-div">
						报告综述
					</view>
				</view>
				<view class="dis_f aic juc mt20">
					<view class="count-item dis_f aic juc fdc" style="background-color: #ea7371;">
						<view class="fs26">
							{{item.repzshu1.count1}}
						</view>
						<view class="fs26 mt10">
							风险项
						</view>
					</view>
					<view class="count-item dis_f aic juc fdc" style="background-color: #4484f6;">
						<view class="fs26">
							{{item.repzshu1.count2}}
						</view>
						<view class="fs26 mt10">
							正常项
						</view>
					</view>
					<view class="count-item dis_f aic juc fdc" style="background-color: #f6ab44;">
						<view class="fs26">
							{{item.repzshu1.count3}}
						</view>
						<view class="fs26 mt10">
							可优化项
						</view>
					</view>
				</view>
				<view class="dis_f aic jub ml30 mr30 mt20" v-for="(arr,index) in  item.repzshu" :key="index">
					<view class="fs28">
						{{arr.key}}
					</view>
					<view class="fs28" style="color: #3f8cf6;">
						{{arr.value}}
					</view>
				</view>
			</view>
			<!-- 报告详情 -->
			<view class="sub-container">
				<view class="jibenxx">
					<view class="sub-title-div">
						报告详情
					</view>
				</view>
				<!-- 行为分析—申请行为 -->
				<view class="">
					<view class="dis_f aic juc mt20">
						<view class="main-bg-color-deep">

						</view>
						行为分析—申请行为
						<view class="main-bg-color-deep">

						</view>
					</view>
					<qiun-data-charts type="line" :opts="opts" :chartData="chartData" />
					<view class=" c9 fs22 ml30">
						说明:上图表示15天内的申请次数为0次,以此类推
					</view>
					<view class="ml30 fs30 mt20">
						1年内申请人在多个平台暂无申请记录
					</view>
					<view class="ml30 fs28 mt20 c6" v-for="(arr,index) in  item.repdetails" :key="index">
						{{arr.key}} : {{arr.value}}
					</view>
					<view class="dis_f aic mt20 ml30" style="border-top: 1px dotted #4484f6 ;padding-top: 20rpx;">
						<text class=" c6">申请行为评级:</text>
						<image src="../../static/images/sad.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/normal.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/success-active.png" mode="aspectFill" class="cxiaol"></image>
					</view>
					<view class="dis_f aic mt20 ml30">
						<text class=" c6">申请频率评级:</text>
						<image src="../../static/images/sad.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/normal.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/success-active.png" mode="aspectFill" class="cxiaol"></image>
					</view>
					<view class="item-analysis">
						小贴士：行为管理良好，请继续保持此习惯，有助于提高申请通过概率。一般情况下，短时间内多次密集申请，将影响评分等级。
					</view>
					<view class="base-analysis">
						建议：请继续保持此习惯，有助于提高申请通过概率。75%的查询用户和您一样，申请评级良好。
					</view>
				</view>
				<!-- 行为分析—消费分析 -->
				<view class="">
					<view class="dis_f aic juc mt20">
						<view class="main-bg-color-deep">

						</view>
						行为分析—消费分析
						<view class="main-bg-color-deep">

						</view>
					</view>
					<view class="dis_f aic juc mt30 ml30 mr30"
						style="border-bottom: 1px dotted #4484f6 ;padding-bottom: 20rpx;">
						<image src="../../static/images/consumeA.png" mode="aspectFill"
							style="width: 150rpx;height: 150rpx;" v-if="item.x_xiaofei.pl == 82">
						</image>
						<image src="../../static/images/consumeB.png" mode="aspectFill"
							style="width: 150rpx;height: 150rpx;" v-if="item.x_xiaofei.pl == 63"></image>
						<image src="../../static/images/consumeC.png" mode="aspectFill"
							style="width: 150rpx;height: 150rpx;" v-if="item.x_xiaofei.pl == 46"></image>
						<image src="../../static/images/consumeD.png" mode="aspectFill"
							style="width: 150rpx;height: 150rpx;" v-if="item.x_xiaofei.pl == 38"></image>
						<image src="../../static/images/consumeE.png" mode="aspectFill"
							style="width: 150rpx;height: 150rpx;" v-if="item.x_xiaofei.pl == 22"></image>
						
						<view class="ml40" style="color: #5482EE;" v-if="item.x_xiaofei.pl == 82">消费等级优秀</view>
						<view class="ml40" style="color: #5482EE;" v-if="item.x_xiaofei.pl == 63">消费等级良好</view>
						<view class="ml40" style="color: #5482EE;" v-if="item.x_xiaofei.pl == 46">消费等级一般</view>
						<view class="ml40" style="color: #5482EE;" v-if="item.x_xiaofei.pl == 38">消费等级较差</view>
						<view class="ml40" style="color: #5482EE;" v-if="item.x_xiaofei.pl == 22">消费等级差</view>
					</view>
					<view class="dis_f aic mt20 ml30">
						<text class=" c6">消费行为评级:</text>
						<image src="../../static/images/sad.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/normal.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/success-active.png" mode="aspectFill" class="cxiaol"></image>
					</view>
					<view class="dis_f aic mt20 ml30">
						<text class=" c6">消费频率评级:</text>
						<image src="../../static/images/sad.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/normal.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/success-active.png" mode="aspectFill" class="cxiaol"></image>
					</view>
					<view class="item-analysis">
						小贴士：根据数据模型解析，分析消费行为，判定您的消费需求<text v-if="item.x_xiaofei.pl == 82">优秀</text>
						<text v-if="item.x_xiaofei.pl == 63">良好</text>
						<text v-if="item.x_xiaofei.pl == 46">一般</text>
						<text v-if="item.x_xiaofei.pl == 38">较差</text>
						<text v-if="item.x_xiaofei.pl == 22">差</text>，请继续保持此习惯，有助于提高申请通过概率。一般情况下，消费需求较高或逾期，可能影响评分等级。
					</view>
					<view class="base-analysis">
						建议：工作收入持续稳定，有固定资产可大大降低消费风险哦。不要逾期，否则将影响后续的申请审批。
					</view>
				</view>
				<!-- 行为分析—社交风险 -->
				<view class="">
					<view class="dis_f aic juc mt20">
						<view class="main-bg-color-deep">

						</view>
						行为分析—社交风险
						<view class="main-bg-color-deep">

						</view>
					</view>
					<view class="dis_f juc mt30 aic fdc">
						<image src="../../static/images/shejiaoA.png" mode="aspectFill"
							style="width: 245rpx;height: 120rpx;" v-if="item.x_sjll1.pl == 17">
						</image>
						<image src="../../static/images/shejiaoB.png" mode="aspectFill"
							style="width: 230rpx;height: 134rpx;" v-if="item.x_sjll1.pl == 36"></image>
						<image src="../../static/images/shejiaoC.png" mode="aspectFill"
							style="width: 230rpx;height: 135rpx;" v-if="item.x_sjll1.pl == 59"></image>
						<image src="../../static/images/shejiaoD.png" mode="aspectFill"
							style="width: 230rpx;height: 118rpx;" v-if="item.x_sjll1.pl == 74"></image>
						<image src="../../static/images/shejiaoE.png" mode="aspectFill"
							style="width: 268rpx;height: 120rpx;" v-if="item.x_sjll1.pl == 87"></image>

						<view class="mt30" style="color: #5482EE;" v-if="item.x_sjll1.pl == 17">社交风险优秀</view>
						<view class="mt30" style="color: #5482EE;" v-if="item.x_sjll1.pl == 36">社交风险良好</view>
						<view class="mt30" style="color: #5482EE;" v-if="item.x_sjll1.pl == 59">社交风险一般</view>
						<view class="mt30" style="color: #5482EE;" v-if="item.x_sjll1.pl == 74">社交风险较差</view>
						<view class="mt30" style="color: #5482EE;" v-if="item.x_sjll1.pl == 87">社交风险差</view>
					</view>
					<view class="">
						<view class="dis_f aic jub ml30 mr30 mt20" v-for="(arr,index) in  item.x_sjll" :key="index">
							<view class="fs28">
								{{arr.key}}
							</view>
							<view class="fs28" style="color: #3f8cf6;">
								{{arr.value}}
							</view>
						</view>

					</view>
					<view class="item-analysis">
						小贴士：请保持在法院等司法机关无不良记录，继续维护个人良好信息状态。
					</view>
					<view class="base-analysis">
						建议：保持稳定、优良的个人行为。及时履约，规避纠纷，避免造成负面影响。
					</view>
				</view>
				<!--  行为分析—履约行为  -->
				<view class="">
					<view class="dis_f aic juc mt20">
						<view class="main-bg-color-deep">

						</view>
						行为分析—履约行为
						<view class="main-bg-color-deep">

						</view>
					</view>
					<view class="ml30 mt20 c6">
						履约行为: <text v-if="item.x_lyue1.pl == 1">优秀</text>
						<text v-if="item.x_lyue1.pl == 2">良好</text>
						<text v-if="item.x_lyue1.pl == 3">一般</text>
						<text v-if="item.x_lyue1.pl == 4">较差</text>
						<text v-if="item.x_lyue1.pl == 5">差</text>
					</view>
					<image src="../../static/images/rateA.png" mode="aspectFill" class="tipian"
						v-if="item.x_lyue1.pl == 1"></image>
					<image src="../../static/images/rateB.png" mode="aspectFill" class="tipian"
						v-if="item.x_lyue1.pl == 2"></image>
					<image src="../../static/images/rateC.png" mode="aspectFill" class="tipian"
						v-if="item.x_lyue1.pl ==3"></image>
					<image src="../../static/images/rateD.png" mode="aspectFill" class="tipian"
						v-if="item.x_lyue1.pl == 4"></image>
					<image src="../../static/images/rateE.png" mode="aspectFill" class="tipian"
						v-if="item.x_lyue1.pl == 5"></image>
					<view class="dis_f aic mt20 ml30">
						<text class=" c6">消费行为评级:</text>
						<image src="../../static/images/sad.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/normal.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/success-active.png" mode="aspectFill" class="cxiaol"></image>
					</view>
					<view class="dis_f aic mt20 ml30">
						<text class=" c6">赊账次数评级:</text>
						<image src="../../static/images/sad.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/normal.png" mode="aspectFill" class="cxiaol"></image>
						<image src="../../static/images/success-active.png" mode="aspectFill" class="cxiaol"></image>
					</view>
					<view class="item-analysis">
						小贴士：请保持在法院等司法机关无不良记录，继续维护个人良好信息状态。
					</view>
					<view class="base-analysis">
						建议：保持稳定、优良的个人行为。及时履约，规避纠纷，避免造成负面影响。
					</view>
				</view>
				<!--  行为分析—身份特征  -->
				<view class="">
					<view class="dis_f aic juc mt20">
						<view class="main-bg-color-deep">

						</view>
						行为分析—身份特征
						<view class="main-bg-color-deep">

						</view>
					</view>
					<view class="mt20 ml30" v-for="(arr,index) in  item.x_lyue" :key="index">
						{{arr.key}} : {{arr.value}}
					</view>
					<view class="item-analysis">
						小贴士：根据基本信息、社交行为等数据解析，呈现出用户的身份特征。仅供参考。
					</view>
					<view class="base-analysis">
						建议：良好的身份特征更利于生活社交，促进人际关系。为了塑造更好的自己一起努力吧！
					</view>
				</view>
			</view>

		</view>
		<!-- 通用小知识  蓝色富文本区域 -->
		<view class="items-tips">
			<view class="tips-head dis_f aic ">
				<view class="items-tips-title">
					通用小知识
				</view>
				<view class="tip-right">

				</view>
			</view>
			<view class="mxxtext">
				<view class="">
					<view class="dis_f">
						<view class="list-li">
							1
						</view>
						<view class="fs32 fwb">
							贷款申请勿集中
						</view>
					</view>
					<view class="fs28" style="line-height: 1.7;">
						建议不要一次申请多个平台，会大幅降低信用评分。<br />
						如果申请被拒，请优先自查，评估资质情况是否达到平台的硬性要求。<br />
					</view>
				</view>
				<view class="" v-if="!isShowAllContent">
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								2
							</view>
							<view class="fs32 fwb">
								有资金需求时，千万不能急，要对症下药。
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							如果自己有资产、单位社保、公积金等，可以先考虑相关的贷款类型，例如：抵押贷、公积金贷等。通过率会比盲目申请高出很多，且在额度、利率上也有很大优势。<br />
						</view>
					</view>
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								3
							</view>
							<view class="fs32 fwb">
								如何降低被拒概率
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							一般三个月内不要申请，不操作，不注册，不浏览，不查询，不乱点链接。按此流程操作，风险评分基本能稳步下降。<br />
						</view>
					</view>
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								4
							</view>
							<view class="fs32 fwb">
								连续被拒要暂缓
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							连续被2个平台拒绝后，建议至少等2个月以上再进行相关的申请。<br />
							绝大多数平台会将近两个月内申请次数，列为风控重要指标。<br />
						</view>
					</view>
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								5
							</view>
							<view class="fs32 fwb">
								机构青睐哪类用户
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							1、各大机构普遍认为已婚、有子女、高学历者，稳定性高，逾期率低，更容易通过。<br />
							2、从未贷过款或申请过信用卡的“白户”，并不受青睐。由于没有信用记录，很难判断信用状况，因此评分会大幅降低；相反，贷过款、有信用卡，且无不良逾期的人，信用评分会高一些。
							<br />
						</view>
					</view>
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								6
							</view>
							<view class="fs32 fwb">
								6.有需求，选银行！非银贷款，能免则免。

							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							相比非银机构，银行的贷款流程合规，利率合理，额度更高，安全有保障。<br />
							并且，银行风控是有歧视链的。如果先在非银机构贷款，特别是利率偏高的网贷，或是多频次、小额度的借款，那么再想找银行贷款，就非常难了！<br />
						</view>
					</view>
				</view>
				<view class="tips-btn">
					<view class="tips-btn-title" v-if="isShowAllContent" @click="toggleDescription">
						展开
					</view>
					<view class="tips-btn-up" v-else @click="toggleDescription">
						收起
					</view>
				</view>
			</view>
		</view>
		<!-- 申请小技巧 -->
		<view class="items-tips">
			<view class="tips-head dis_f aic ">
				<view class="items-tips-title">
					申请小技巧
				</view>
				<view class="tip-right">

				</view>
			</view>
			<view class="mxxtext">
				<view class="">
					<view class="dis_f">
						<view class="list-li">
							1
						</view>
						<view class="fs32 fwb">
							网络要安全
						</view>
					</view>
					<view class="fs28" style="line-height: 1.7;">
						建议使用手机自带流量，关闭WIFI信号，避免在具有风险性的网络环境下进行申请行为。
					</view>
				</view>
				<view class="">
					<view class="dis_f">
						<view class="list-li">
							2
						</view>
						<view class="fs32 fwb">
							号码请实名
						</view>
					</view>
					<view class="fs28" style="line-height: 1.7;">
						申请时，建议填写入网时间大于半年，且本人实名认证的手机号；<br />
						如果手机号非本人实名，在持牌机构等中大型平台的通过率，均会大幅下跌；<br />
						申请后注意接听信审员的电话，避免出现多次未接听、拒接等情况。<br />

					</view>
				</view>

				<view class="" v-if="!isShowAllContent1">
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								3
							</view>
							<view class="fs32 fwb">
								预留联系人号码，请注意：
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							1、联系人信用记录尽量良好，切勿在银行或互联网平台有不良记录；<br />
							2、建议留存和申请人联系密切，通话记录较多的号码，联系人姓名备注为真名最佳；<br />
							3、一定要事先与联系人沟通，以防出现信息差，导致审核失败；<br />
							4、建议删除手机中可能存在的，关于网贷、赌博、有逾期记录的各类联系人，保持自身良好的朋友圈子。<br />
						</view>
					</view>
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								4
							</view>
							<view class="fs32 fwb">
								地址要正确
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							在各类电商平台、购物平台中，如果有收货地址留存，建议仅保留当前真实住址和办公地址，清除多余的、不相关地址信息，便于平台进行地址真实性核查，有利于申请通过。
						</view>
					</view>
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								5
							</view>
							<view class="fs32 fwb">
								申请细节问题：
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							1、人脸识别时请将五官清晰展露，不戴眼镜，不带帽子等，保持光线适中。<br />
							2、需要签字时，请使用正楷，字迹不可潦草。<br />
							3、填写信息时，务必填写自己的真实信息。<br />
							如果对个人信息进行“包装”，提供伪造、变造的虚假信息，几乎不可能通过风控审核，会直接被拒，严重的还要承担法律责任。
							<br />
							4、附加信息越全越好。<br />
							有些平台会有选填项：房产、车产、保单等信息。选填项不是必填的，但会提高综合评分。如果必填信息不是特别优质，比如自由职业、信用卡有逾期、手机号入网时间小于6个月等等，那可以填写附加信息来弥补，让银行相信你有足够的还款能力。
							<br />
							5、接回访电话时，按照所填资料如实回答，表现自己的还款意愿和还款能力，信用卡账单尽量用网银导入。<br />
						</view>
					</view>

				</view>
				<view class="tips-btn">
					<view class="tips-btn-title" v-if="isShowAllContent1" @click="toggleDescription1">
						展开
					</view>
					<view class="tips-btn-up" v-else @click="toggleDescription1">
						收起
					</view>
				</view>
			</view>
		</view>
		<!-- 消除风险，提高信用分建议 -->
		<view class="items-tips">
			<view class="tips-head dis_f aic ">
				<view class="items-tips-title">
					消除风险，提高信用分建议
				</view>
				<view class="tip-right">

				</view>
			</view>
			<view class="jiand">
				简单来说，信用综合评分是信审评分系统对借款人申请资格的一个综合的量化评估。如果评估总分达到了评分系统设定的标准，那么就通过；反之，则拒绝。<br />
				影响综合评分的因素有很多：职业、职位、收入水平、学历、婚姻状况、住房状态、个人信用记录、负债等等，这些评分相加后总分越高，审批的通过率也就越高。<br />
			</view>
			<view class="dis_f aic juc mt20 mb20">
				<view class="main-bg-color-deep">

				</view>
				如何提高信用评分
				<view class="main-bg-color-deep">

				</view>
			</view>
			<view class="mxxtext">
				<view class="">
					<view class="dis_f">
						<view class="list-li">
							1
						</view>
						<view class="fs32 fwb">
							控制频率
						</view>
					</view>
					<view class="fs28" style="line-height: 1.7;">
						银行机构在两个自然月内，申请次数不建议超过3次；<br />
						互联网机构在三个自然月内，注册申请切勿超过10次，一般5次以内为佳；<br />
						信用卡一年内申请不超过5次（含同一机构）。<br />
					</view>
				</view>

				<view class="" v-if="!isShowAllContent2">
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								2
							</view>
							<view class="fs32 fwb">
								覆盖记录
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							如果有逾期或者失信被执行等不良记录，坚持良好的信用1-2年，信用记录会逐渐滚动覆盖过去，不良影响会逐步消失。
						</view>
					</view>

					<view class="">
						<view class="dis_f">
							<view class="list-li">
								3
							</view>
							<view class="fs32 fwb">
								拒绝风险
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							保持良好的借贷习惯，不明链接不点击，不随意注册，尤其要拒绝不明平台的审核邀请。
						</view>
					</view>
					<view class="">
						<view class="dis_f">
							<view class="list-li">
								4
							</view>
							<view class="fs32 fwb">
								优化圈子
							</view>
						</view>
						<view class="fs28" style="line-height: 1.7;">
							尽量减少和信用不良类人群的联系，避免被标记为关联人群。
						</view>
					</view>


				</view>
				<view class="tips-btn">
					<view class="tips-btn-title" v-if="isShowAllContent2" @click="toggleDescription2">
						展开
					</view>
					<view class="tips-btn-up" v-else @click="toggleDescription2">
						收起
					</view>
				</view>
			</view>
		</view>
		<!-- 反诈提醒 -->
		<view class="items-tips">
			<view class="tips-head dis_f aic ">
				<view class="items-tips-title">
					反诈提醒
				</view>
				<view class="tip-right">

				</view>
			</view>
			<view class="mxxtext">
				<view class="" style="    font-stretch: normal; letter-spacing: 0rem;">
					<p class="dis_f">
						<text class="list-li">
							1
						</text>

						<view class="fs28 " style="line-height: 1.7;width: 90%;">
							任何来自贷款公司的来电都需要谨慎，注销贷款账号，消除网贷数据都是忽悠人的，网上贷款先交钱是骗局。
						</view>
					</p>

				</view>
				<view class="">
					<view class="dis_f">
						<view class="list-li">
							2
						</view>
						<view class="fs28 " style="line-height: 1.7;width: 90%;">
							任何称事后会返还资金，注销贷款账号无需还款都是骗人的谎言。
						</view>
					</view>

				</view>
				<view class="" v-if="!isShowAllContent3">
					<view class="dis_f">
						<view class="list-li">
							3
						</view>
						<view class="fs28 " style="line-height: 1.7;width: 90%;">
							凡是接到自称贷款平台客服信息，以贷款记录影响个人数据为由，指引配合注销贷款账号，清空贷款额度，恢复大数据良好都是骗人的，切勿相信。

						</view>
					</view>

				</view>

			</view>
			<view class="tips-btn">
				<view class="tips-btn-title" v-if="isShowAllContent3" @click="toggleDescription3">
					展开
				</view>
				<view class="tips-btn-up" v-else @click="toggleDescription3">
					收起
				</view>
			</view>
		</view>

		<view class="fs20 c9 p30" style="line-height: 1.6;">
			1、此报告缓存期为30天，过期自动删除，请及时查阅。过期后若仍要继续查看此报告，可重新授权查询生成新的报告。由于新老报告生成时间不同存在时间差，报告内容可能会不同，此时间差内可能会产生新信息，请用户知悉。<br />

			2、本报告所有用户信息均做脱敏处理，报告部分内容根据相关数据解析测算所得，仅供参考。<br />
			3、本报告信息仅供查询人查看。本公司不存储用户数据和报告信息，更不会也无法提供给任何其他方。<br />
			4、本报告为个人风险评测报告，非《个人信用报告》。本报告所属权归于本公司。<br />
			5、本报告是经过查询人同意后才向合规数据方获取查询人的相关信息，但本公司不会向任何数据提供方提交查询人敏感信息，所有需提交的查询人敏感信息均作脱敏及MD5加密处理，且在查询人同意后方生成相关的信息报告。<br />
			6、本报告信息虽做脱敏处理，但也可以存在一定的私密信息，请务必保管好个人账号。

		</view>
		<view class="fs20 mt20 c6 " style="text-align: center;padding-bottom: 30rpx;">
			已展示全部内容
		</view>
		<image src="../../static/images/kefu7e1e9c67.png" mode="aspectFill" class="kefuimg"
			@click="jump('/pages/kefu/kefu')"></image>
		<image src="../../static/images/tousu3ee93aad.png" mode="aspectFill" class="kefuimg" style="bottom: 400rpx;"
			@click="jump('/pages/complaintlist/complaintlist')">
		</image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bottmxx: "",
				chartData: {},
				item: '',
				//您可以通过修改 config-ucharts.js 文件中下标为 ['line'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				opts: {
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [15, 30, 10, 15],
					enableScroll: false,
					legend: {},
					xAxis: {
						disableGrid: true
					},
					yAxis: {
						gridType: "dash",
						dashLength: 2
					},
					extra: {
						line: {
							type: "straight",
							width: 2,
							activeType: "hollow"
						}
					}
				},
				id: "",
				time: "",
				kf_tel: "",
				days: "",
				isShowAllContent: true,
				isShowAllContent1: true,
				isShowAllContent2: true,
				isShowAllContent3: true,
			}
		},
		onReady() {
			this.getServerData();
		},
		onLoad(option) {
			this.id = option.id
			this.admin = option.admin
			if(this.admin) {
				location.href = this.admin+ "/h5/#/pages/index/index?id=" +this.id
				return false
			}
			this.postlist()
			this.mxxlist()
			this.shuomlist()
		},
		methods: {
			// 4.点击 展开与收起，处理文本
			toggleDescription() {
				var that = this
				if (that.isShowAllContent) {
					that.isShowAllContent = false
				} else {
					that.isShowAllContent = true
				}
			},
			toggleDescription1() {
				var that = this
				if (that.isShowAllContent1) {
					that.isShowAllContent1 = false
				} else {
					that.isShowAllContent1 = true
				}
			},
			toggleDescription2() {
				var that = this
				if (that.isShowAllContent2) {
					that.isShowAllContent2 = false
				} else {
					that.isShowAllContent2 = true
				}
			},
			toggleDescription3() {
				var that = this
				if (that.isShowAllContent3) {
					that.isShowAllContent3 = false
				} else {
					that.isShowAllContent3 = true
				}
			},
			shuomlist() {
				this.api.post('login/getConfig', {
					type: 1,
				}).then(res => {
					console.log(res);
					if (res.code == 200) {
						this.days = res.data.days
						this.kf_tel = res.data.kf_tel
						uni.setStorageSync('kf_tel', res.data.kf_tel)
						uni.setStorageSync('days', res.data.days)
					}
				})
			},
			jump(url) {
				uni.navigateTo({
					url: url
				})
			},
			mxxlist() {
				let that = this
				this.api.post('login/getConfig', {
					type: 13
				}).then(res => {
					console.log(res);
					if (res.code == 200) {
						this.bottmxx = res.data

					}
				})
			},
			postlist() {
				this.api.post('service/orderDetails', {
					id: this.id
				}).then(res => {
					console.log(res);
					if (res.code == 200) {
						this.item = res.data.res_msg
						this.time = res.data.addtime
					}
				})
			},
			getServerData() {
				//模拟从服务器获取数据时的延时
				setTimeout(() => {
					//模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
					let res = {
						categories: ["15内", "1个月内", "3个月内", "6个月内", "1年内"],
						series: [{
							name: "申请次数",
							data: [35, 8, 25, 37, 4]
						}, ]
					};
					this.chartData = JSON.parse(JSON.stringify(res));
				}, 500);
			},
		}
	}
</script>

<style>
	.jiand {
		width: 95%;
		background-color: #ecf2fb;
		border-radius: 12rpx;
		padding: 12rpx;
		font-size: 28rpx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0rem;
		margin: 20rpx 10rpx;
	}

	.list-li {
		background-color: #cedefa;
		font-size: 24rpx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0rem;
		color: #4484f6;
		width: 35rpx;
		height: 35rpx;
		display: inline-block;
		border-radius: 35rpx;
		margin-right: 20rpx;
		text-align: center;
		line-height: 32rpx;
		margin-top: 5rpx;
	}

	.tips-btn-up {
		background: url(../../static/images/tip-up.png) center right no-repeat;
		background-size: 35rpx 18rpx;
		display: inline-block;
		text-align: center;
		padding-right: 40rpx;
		color: #3f8cf6;
		font-size: 26rpx;
	}

	.tips-btn-title {
		background: url(../../static/images/tip-down.png) center right no-repeat;
		background-size: 35rpx 18rpx;
		display: inline-block;
		text-align: center;
		padding-right: 40rpx;
		color: #3f8cf6;
		font-size: 26rpx;
	}

	.tips-btn {
		text-align: center;
		margin-top: 20rpx;
	}

	.mxxtext {
		background-color: #fff;
		border-radius: 12rpx;
		padding: 20rpx;
		box-sizing: border-box;
	}

	.tip-right {
		width: 20%;
		height: 40rpx;
		margin-left: 20rpx;
		background: url(../../static/images/tip-title-dash.png) center center no-repeat;
		background-size: cover;
		display: inline-block;
	}

	.items-tips-title {
		width: 65%;
		height: 50rpx;
		background: url(../../static/images/tip-title-bg.png) center center no-repeat;
		background-size: cover;
		border-radius: 12rpx 0 0;
		padding: 15rpx 30rpx;
		font-size: 32rpx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0rem;
		color: #ffffff;
		line-height: 50rpx;
	}

	.tips-head {
		width: 100%;

	}

	.items-tips {
		background-color: #cedefa;
		width: 92%;
		border-radius: 12rpx;
		margin: 20rpx auto 0;
		padding: 15rpx;
		box-sizing: border-box;
	}

	.main-bg-color-deep {
		background-color: #4484f6 !important;
		width: 20%;
		height: 2rpx;
		margin: 0 10rpx;
	}

	.cxiaol {
		width: 50rpx;
		height: 50rpx;
		margin-left: 15rpx;
	}

	.charts-box {
		width: 100%;
		height: 300px;
	}

	.kefuimg {
		position: fixed;
		bottom: 500rpx;
		right: 0px;
		width: 130rpx;
		height: 60rpx;
	}

	.count-item {
		width: 120rpx;
		height: 120rpx;
		border-radius: 12rpx;
		color: #ffffff;
		margin-right: 30rpx;

	}

	.base-analysis {
		background-color: #feecec !important;
		padding-top: 15rpx;
		padding-bottom: 15rpx;
		font-family: PingFangSC-Regular;
		font-size: 24rpx;
		line-height: 38rpx;
		letter-spacing: 0;
		color: #666666;
		padding-left: 30rpx;
		padding-right: 30rpx;
		margin-top: 15rpx;
	}

	.sub-title-div {
		background-image: -webkit-linear-gradient(90deg, #4484f6 20rpx, transparent 22rpx);
		font-size: 32rpx;
		letter-spacing: 0;
		color: #333333;
		height: 45rpx;
		font-weight: bold;
		width: 128rpx;
	}

	.jibenxx {

		margin-bottom: 30rpx;
		margin-left: 30rpx;
	}

	.item-analysis {
		background-color: #ecf2fe !important;
		padding-top: 15rpx;
		padding-bottom: 15rpx;
		font-family: PingFangSC-Regular;
		font-size: 24rpx;
		line-height: 38rpx;
		letter-spacing: 0;
		color: #666666;
		padding-left: 30rpx;
		padding-right: 30rpx;
		margin-top: 15rpx;
	}

	.tipian {
		width: 92%;
		margin-left: 30rpx;
		height: 45rpx;
		margin-top: 30rpx;
	}

	.dengj {
		width: 250rpx;
		height: 250rpx;
		margin-top: 20rpx;
	}

	.sub-container {
		width: 92%;

		background-color: #ffffff;
		box-shadow: 0rem 10rpx 25rpx 0rem rgb(68 132 246 / 20%);
		border-radius: 12rpx;
		margin: 20rpx auto 0;
		padding: 30rpx 0;
		box-sizing: border-box;
	}

	.main-container {
		margin-top: -200rpx;
	}

	.caizs-top-bg {
		width: 100%;
		height: 460rpx;
		background: url('../../static/images/topBackgroundBlue.png') no-repeat;
		background-size: 100% 460rpx;
		background-position: 0 0;
	}

	.top-tips {
		background-color: #fed8d8;
		padding: 10rpx 20rpx;
		font-family: PingFangSC-Regular;
		font-size: 26rpx;
		letter-spacing: 0;
		color: #333333;
	}
</style>